<template>
    <div class="logo">
        <img src="../../../assets/logo.png" />
        <div v-if="!show">{{ title }}</div>
    </div>
</template>

<script lang="ts" setup>
const title = import.meta.env.VITE_TITLE
defineProps<{
    show: boolean
}>()
</script>

<style scoped>
.logo {
    height: 32px;
    margin: 16px;
}

.logo img {
    width: 25px;
    margin: 0 10px;
}

.logo div {
    color: #edeaea;
    line-height: 30px;
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    width: 135px;
    overflow: hidden;
}
</style>